<!--
 * @Descripttion: 
 * @Author: Wang Dejiang(aei)
 * @Date: 2022-04-12 19:50:32
 * @LastEditors: Wang Dejiang(aei)
 * @LastEditTime: 2022-04-29 00:06:43
-->
<template>
  <el-scrollbar height="100vh">
    <el-row>
      <el-col :span="2"></el-col>
      <el-col :span="20">
        <div>
          <div class="mdContaniner">
            <v-md-preview :text="text"></v-md-preview>
          </div>
        </div>
        <RedirectVue />
      </el-col>
      <el-col :span="2"></el-col>
    </el-row>
  </el-scrollbar>
</template>

<script lang="ts" setup>
import { onMounted, ref } from 'vue'
import RedirectVue from '../components/Redirect.vue'
import guide from '../assets/md/guide.md?raw'
const text = ref(guide)
</script>

<style lang="less">
@import '../assets/style/md.less';
</style>
